@charset "utf-8";
//变量
$font: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue",'microsoft yahei','Microsoft YaHei',SimHei,sans-serif;

//响应式头部
$header_color:#fff ;
$header_span_color:#333;
//子页面颜色
$inner_color:#fff;
$inner_sub_color:#fff;
@mixin inner_bac($deg:-120deg,$rgba:$color,$rgba2:$color,$degree:20%){
  background: -webkit-linear-gradient($deg, $rgba, darken($rgba2,$degree));
  background: -o-linear-gradient($deg, $rgba, darken($rgba2,$degree));
  background: -moz-linear-gradient($deg, $rgba, darken($rgba2,$degree));
  background: linear-gradient($deg, $rgba, darken($rgba2,$degree));
}
@mixin mask($deg:0deg,$rgba:rgba(0,0,0,0.9),$rgba2:rgba(0,0,0,0)){
  background: -webkit-linear-gradient($deg, $rgba, $rgba2);
  background: -o-linear-gradient($deg, $rgba, $rgba2);
  background: -moz-linear-gradient($deg, $rgba, $rgba2);
  background: linear-gradient($deg, $rgba, $rgba2);
}
//外部字体
//@font-face{
//  font-family: 'thyFont1';
//  src : url('../fonts/Erieblack.ttf');
//}
//@font-face{
//  font-family: 'thyFont2';
//  src : url('../fonts/BEBAS.ttf');
//}
//@font-face{
//  font-family: 'thyFont3';
//  src : url('../fonts/Questrial-Regular.ttf');
//}
//@font-face{
//  font-family: 'thyFont4';
//  src : url('../fonts/MobPro.otf');
//}
//@font-face{
//  font-family: 'thyFont5';
//  src : url('../fonts/simpds.ttf');
//}

@mixin font($value,$value2){
  font-family: $font;
  font-size: $value;
  color:$value2;
}

@mixin horizontal{
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@mixin vertical{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

@mixin center{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

@mixin box-shadow($value){
  box-shadow: $value;
}

@mixin transition($value:0.2s,$value2:ease){
  transition: $value;
  -moz-transition: $value;
  -webkit-transition: $value;
  -o-transition: $value;
  transition-timing-function: $value2;
  -moz-transition-timing-function: $value2; /* Firefox 4 */
  -webkit-transition-timing-function: $value2; /* Safari 和 Chrome */
  -o-transition-timing-function: $value2; /* Opera */
}

@mixin transform($value){
  transform: $value;
  -ms-transform:$value;
  -moz-transform: $value;
  -webkit-transform: $value;
  -o-transform: $value;
}

@mixin Y($value){
  transform:translateY($value);
  -ms-transform:translateY($value);
  -moz-transform:translateY($value);
  -webkit-transform:translateY($value);
  -o-transform:translateY($value);
}

@mixin X($value){
  transform:translateX($value);
  -ms-transform:translateX($value);
  -moz-transform:translateX($value);
  -webkit-transform:translateX($value);
  -o-transform:translateX($value);
}

@mixin scale($value){
  transform:scale($value);
  -ms-transform:scale($value);
  -moz-transform:scale($value);
  -webkit-transform:scale($value);
  -o-transform:scale($value);
}

@mixin rotate($value){
  transform:rotate($value);
  -ms-transform:rotate($value);
  -moz-transform:rotate($value);
  -webkit-transform:rotate($value);
  -o-transform:rotate($value);
}
@mixin rotate3d($val1:1,$val2:1,$val3:1,$value:360deg){
  transform:rotate3d($val1, $val2, $val3, $value);
  -ms-transform:rotate3d($val1, $val2, $val3, $value);
  -moz-transform:rotate3d($val1, $val2, $val3, $value);
  -webkit-transform:rotate3d($val1, $val2, $val3, $value);
  -o-transform:rotate3d($val1, $val2, $val3, $value);
}
@mixin animate-way($value2:ease){
  transition-timing-function: $value2;
  -moz-transition-timing-function: $value2; /* Firefox 4 */
  -webkit-transition-timing-function: $value2; /* Safari 和 Chrome */
  -o-transition-timing-function: $value2; /* Opera */
}

@mixin clear{
  *zoom: 1;
  &:before, &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

@mixin lines($line:1){
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $line;
}

@mixin a{
  width: 100%;
  height: 100%;
  display: block;
}
@mixin fs($value){
  line-height: $value;
  text-align: center;
}
@mixin input($value,$value2){
  input::-webkit-input-placeholder {
    font-size: $value;
    color: $value2;
    font-family: thyFont1,$font;
  }
  input:-moz-placeholder {
    font-size: $value;
    color: $value2;
    font-family: thyFont1,$font;
  }
  input::-moz-placeholder {
    font-size: $value;
    color: $value2;
    font-family: thyFont1,$font;
  }
  input:-ms-input-placeholder {
    font-size: $value;
    color: $value2;
    font-family: thyFont1,$font;
  }
}
@mixin textarea($value,$value2){
  textarea::-webkit-input-placeholder {
    font-size: $value;
    color: $value2;
  }
  textarea:-moz-placeholder {
    font-size: $value;
    color: $value2;
  }
  textarea::-moz-placeholder {
    font-size: $value;
    color: $value2;
  }
  textarea:-ms-input-placeholder {
    font-size: $value;
    color: $value2;
  }
}


//三角
@mixin arrow($direction,$size,$color) {
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: $size;
  cursor: pointer;
  @if $direction == top {
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent $color transparent;
    border-top: none;
  }
  @else if $direction == bottom {
    border-style: solid dashed dashed dashed;
    border-color: $color transparent transparent transparent;
    border-bottom: none;
  }
  @else if $direction == right {
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent $color;
    border-right: none;
  }
  @else if $direction == left {
    border-style: dashed solid dashed dashed;
    border-color: transparent $color transparent transparent;
    border-left: none;
  }
}

@mixin fit($value:cover){
  -o-object-fit: $value;
  object-fit: $value;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height:100%;
}

@mixin elli{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
@mixin ellis($value){
  display: -webkit-box;
  -webkit-line-clamp: $value;
  overflow: hidden;
}
@mixin box-sizing($value:border-box){
  box-sizing:$value;
  -moz-box-sizing:$value; /* Firefox */
  -webkit-box-sizing:$value; /* Safari*/
}
@mixin button($bac:$color,$direction:left){
  position: relative;
  overflow: hidden;
  &:after{
    content: '';
    background: $bac;
    opacity: 0;
    @include transition(0.5s);
    @include a;
    position: absolute;
    @if $direction == top {
      left:0;
      top: 100%;
    }
    @if $direction == right {
      left: 100%;
      top: 0;
    }
    @if $direction == bottom {
      left:0;
      top: -100%;
    }
    @if $direction == left {
      left: -100%;
      top: 0;
    }
  }
  &:hover{
    &:after{
      @if $direction == top {
        top: 0;
        opacity: 1;
      }
      @if $direction == right {
        left:0;
        opacity: 1;
      }
      @if $direction == bottom {
        top: 0;
        opacity: 1;
      }
      @if $direction == left {
        left: 0;
        opacity: 1;
      }

    }
  }
}
main
{
  max-width: 1200px;
  margin: 0 auto;
  display: block;
  @include clear;
}
html{
  background: #fff;
  overflow-x: hidden;
  width: 100%;
}
@mixin write{
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.pic{
  overflow: hidden;
  img{
    background: url("../images/loading.gif") no-repeat center;
  }
}
.header_banner{
  background: url("../images/loading.gif") no-repeat center;
}
/*样式重置*/
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}ins{text-decoration:none}li{list-style:none}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{border:0;padding:0;margin:0;*font-size:100%;line-height:1.2}a img,img{-ms-interpolation-mode:bicubic}sub,sup{vertical-align:baseline}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block}pre{white-space:pre-wrap}textarea{resize:none;overflow:auto}input[type=text]:focus,input[type=password]:focus,textarea:focus{outline:0}button,input{outline:0}input[type=password]::-ms-reveal{display:none}input::-ms-clear{display:none}input:-ms-input-placeholder{color:#999}
/*样式重置*/